.io-type-container {


  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;

  .io-type-input-container {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;

    // .textArea {
    //   height: 100%;
    //   resize: vertical;
    //   :global{
    //     .semi-input-textarea-showClear{
    //        padding-right: 10px;
    //     }
    //   }

    // }
    .textArea {
      font-size: 16px;
      border: none;
      outline: none;
      resize: none;
      appearance: none;
      height: 100%;

      scrollbar-width: 'thin';
      scrollbar-color: 'rgb(159 159 158 / 65%) transparent';

      // 针对 WebKit 浏览器（如 Chrome、Safari）的样式
      &:webkit-scrollbar {
        width: '4px',
      }

      &::webkit-scrollbar-track {
        background-color: transparent;
      }

      &::webkit-scrollbar-thumb {
        background-color: 'rgb(159 159 158 / 65%)';
        border-radius: '20px';
        border: '2px solid transparent';
      }
    }

    .workflow-input-content-drag-area {
      cursor: move;
      justify-content: center;
      align-items: center;
      display: flex;
      position: absolute;
      left: 0px;
      top: 0px;
      //position: relative;
      width: 100%;
      height: 100%;
      &.hidden{
        display: none;
      }
    }
  }
}

.io-type-output-container {
  display: none;

  &.show {
    display: block;
  }
}


.preview-image-modal {
  display: flex;
  justify-content: center;
}